<!DOCTYPE html> 
<html> 

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

  <title>Survey</title>

  <!-- Style sheets -->
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
  <link rel="stylesheet" type="text/css" href="js/add2home.css" />
  <style type="text/css">
    iframe {background:white;}
    body .ui-footer .ui-title { white-space: normal; }
    body .ui-li .ui-li-desc { white-space: normal; }
    body .ui-li-static.ui-li { padding-right: 15px; }
    img { width: 100%; max-width: 400px; }
  </style>
  
  <!-- JQuery and Javascript -->
  <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script>
    $(document).bind("mobileinit", function () {
      $.mobile.defaultPageTransition = 'fade';
    });
  </script>
  <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
  <script type="text/javascript" src="js/add2home.js"></script>

  <!-- Apple iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes" />

  <link rel="apple-touch-icon-precomposed" sizes="57x57" href="images/apple-touch-icon-precomposed-114x114.png" />
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-precomposed-144x144.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-precomposed-114x114.png" />
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-precomposed-144x144.png" />
  <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-precomposed-144x144.png" />
  
  <link rel="apple-touch-startup-image" media="(device-width: 320px)" href="apple-touch-startup-image-320x460.png"><!-- iPhone -->
  <link rel="apple-touch-startup-image" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" href="apple-touch-startup-image-640x920.png"><!-- iPhone (Retina) -->
  <link rel="apple-touch-startup-image" media="(device-width: 768px) and (orientation: portrait)" href="apple-touch-startup-image-768x1004.png"><!-- iPad (portrait) -->
  <link rel="apple-touch-startup-image" media="(device-width: 768px) and (orientation: landscape)" href="apple-touch-startup-image-748x1024.png"><!-- iPad (landscape) -->
  <link rel="apple-touch-startup-image" media="(device-width: 768px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="apple-touch-startup-image-1536x2008.png"><!-- iPad (Retina, portrait) -->
  <link rel="apple-touch-startup-image" media="(device-width: 768px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="apple-touch-startup-image-1496x2048.png"><!-- iPad (Retina, landscape) -->

  <!-- Google Analytics -->
  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-6649940-1']);
    _gaq.push(['_trackPageview']);
    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  </script>
  
</head> 

<body>

<div data-role="page" data-theme="d" id="home">
  <div data-role="content">
	<p>Thank you for completing the survey. We really appreciate your feedback. If you are able to, you can ask someone you know to fill in the survey too - just click the button below to fill in a new survey. If not, why not explore some of the other ways of getting in touch with us?</p>
    <ul data-role="listview" data-inset="true" data-theme="e">
      <li><a href="http://survey.nyp.mobi" target="_top">Take the survey again</a></li>
    </ul>
    <ul data-role="listview" data-inset="true" data-theme="d">
      <li data-role="list-divider">More from NYP</li>
      <li><a href="http://www.northyorkshire.police.uk" target="_top">Visit force website</a></li>  
	  <li><a href="http://www.nyp.mobi" target="_top">Launch NYP mobile app</a></li>
      <li><a href="http://www.northyorkshire.police.uk/subscribe" target="_top">Sign up to our email newsletter</a></li>
	  <li><a href="http://www.northyorkshire.police.uk/ringmaster" target="_top">Sign up to Ringmaster</a></li>
    </ul>
  </div>
</div>

</body>
</html>
